body {
	background-color: #000;
	color: #FFF
}

.letter {
	border: 3px solid #FFF;
	background-color: #000;
	color: #FFF
}

.letter.disabled {
	border: 3px solid #444;
	background-color: #000;
	color: #444
}

.letter.toomany {
	border: 3px solid #C00;
	background-color: #000;
	color: #C00
}

.letter.misplaced {
	border: 3px solid #CC0;
	background-color: #CC0;
	color: #000
}

.letter.correct {
	border: 3px solid #080;
	background-color: #080;
	color: #000
}

button {
	border: 3px solid #FFF;
	background-color: #FFF;
	color: #000
}

button:hover {
	border: 3px solid #CCC;
	background-color: #CCC;
	color: #000
}

button:active {
	border: 3px solid #AAA;
	background-color: #AAA;
	color: #000
}

button.toomany {
	border: 3px solid #C00;
	background-color: #C00;
	color: #000
}

button.toomany:hover {
	border: 3px solid #A00;
	background-color: #A00;
	color: #000
}

button.toomany:active {
	border: 3px solid #800;
	background-color: #800;
	color: #000
}

button.misplaced {
	border: 3px solid #CC0;
	background-color: #CC0;
	color: #000
}

button.misplaced:hover {
	border: 3px solid #AA0;
	background-color: #AA0;
	color: #000
}

button.misplaced:active {
	border: 3px solid #880;
	background-color: #880;
	color: #000
}

button.correct {
	border: 3px solid #080;
	background-color: #080;
	color: #000
}

button.correct:hover {
	border: 3px solid #060;
	background-color: #060;
	color: #000
}

button.correct:active {
	border: 3px solid #040;
	background-color: #040;
	color: #000
}

button:disabled {
	border: 3px solid #444 !important;
	background-color: #444 !important;
	color: #000 !important
}